<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>优店</title>
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/page.css">
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/media.js"></script>
		<script src="../js/common.js"></script>
		<style>
			.Footprints {
				width: .46rem;
				height: .46rem;
				position: fixed;
				bottom: .72rem;
				right: .12rem;
			}
			.Excellent-shop ul li .bottom img:nth-child(1) {
				width: 2.12rem;
				height: 1.8rem;
				float: left;
				margin-right: .08rem;
			}
			.Excellent-shop ul li .bottom img {
				width: 1.07rem;
				height: .88rem;
			}
			.Excellent-shop ul li:nth-child(2n) img {
				margin-right: 0;
				float: initial;
			}
			#jian_tou {
				width: 0.06rem !important;
				height: 0.09rem !important;
				vertical-align: middle;
			}
			.zhanwei{
				width: 100%;
				height: 0.5rem;
			}
		</style>
	</head>
	<body>
		<!--正文-->
		<div class="Excellent-shop bc-gray">
			<ul>
				<li v-for='item in data'>
					<div class="top flex">
						<img :src="item.storeImage" alt="">
						<div class="center">
							<p class="t1">{{item.storeName}}</p>
							<p class="t2">
								<span>{{item.storeAddress}}</span>
								<!--<em><font>{{item.storeScore}}</font>分<img id="jian_tou" src="../img/upjiantou.png"/>   </em>-->
							</p>
						</div>
						<div class="right" @click='join_shop(this)'>进店</div>
					</div>
					<div class="bottom clearfix" style="height: 1.8rem;overflow-y: hidden;">
						<img :src="items.produceHeadImage.split(',')[0]" alt="" v-if="items.produceHeadImage.split(',')[0]" v-for='items in item.produce_three' @click='link_buy(this)'>
						<!--<img :src="item.produce[0].produceHeadImage" alt="">
                    <img :src=item.produce[1].produceHeadImage" alt="">
                    <img :src="item.produce[2].produceHeadImage" alt="">-->
                    	<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>
						<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>
						<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>
					</div>
				</li>
			</ul>
			<div class="zhanwei"></div>
			<div class="public-footer flex">
				<div class="button-1" onclick="javascript:window.location.href='../index.html'">
					<span></span>
					<p>首页</p>
				</div>
				<div class="button-2" onclick="javascript:window.location.href='../fenlei/fenlei.html'">
					<span></span>
					<p>分类</p>
				</div>
				<div class="button-3 active">
					<span></span>
					<p>店铺</p>
				</div>
				<div class="button-4" onclick="nextMy()">
					<span></span>
					<p>我的</p>
				</div>
			</div>
		</div>
		<script src="../js/vue.js"></script>
		<script src="../js/vue-resource.min.js"></script>
		<script>
			$(function() {
				new Vue({
					el: 'body',
					data: {
						data:''
					},
					ready: function() {
						this.$http.get(base_url + 'ZITAOHUI/goodStore').then(
							function(response) {
								//console.log(response)
								var all_data = response.data.extend.list;
								for(var i = 0; i < all_data.length; i++) {
									var aim = all_data[i].produce;
									all_data[i].produce_three = [aim[0], aim[1], aim[2]];
								}
								//console.log(all_data[i].produce_three);
								this.$set('data', all_data);
								console.log(all_data);
							},
							function() {})
					},
					methods: {
						join_shop: function(t) {
							//console.log(t)
							window.location.href = '../page/Shop.html?s_name=' + t.item.storeName + '&s_id=' + t.item.storeId
						},
						link_buy: function(t) {
							//console.log(t)
							window.location.href = '../page/buy-info-page.3.html?p_id=' + t.items.produceId + "&time=" + new Date().getTime()
						}
					}
				});
				
			})
			function nextMy (){
		            if(localStorage.getItem("mytype") == 1){
		                window.location.href = "../wode/Sellers-center.html";
		            }else{
		                window.location.href='../wode/my-page.html';
		            }
		        }
		</script>
	</body>
</html>